@import "uview-ui/theme.scss";
@import "uview-ui/index.scss";

//主色
$color-primary: #b3030e;
//底部按钮颜色商品详情左边按钮颜色
$color-btn-primary: #e98f36;

/* 文字基本颜色 */

$text-color-base: #5a5b5c; //基本色
$text-color-assist: #919293; //辅助色
$text-color-black: #333333; //黑
$text-color-grey: #878889; //灰
$text-color-white: #ffffff; //白
$text-color-lightgrey: #b3b3b3;
$text-color-333: #333;
$text-color-E6E6E6: #e6e6e6;
$text-color-808080: #808080;
$text-color-878889: #878889;
$text-color-rose: #fc6e06;
$bg-color-red: #e52835; //红色
$bg-color: #f5f5f5;

/* 背景颜色 */

$bg-color-grey: #f5f5f5;
$bg-color-primary: #e8eacf;
$bg-color-white: #fff;
$bg-color-black: #161717;

/* 边框颜色 */

$border-color: #e2e2e2;
$font-size-xl: 22rpx;
$font-size-sm: 24rpx;
$font-size-base: 28rpx;
$font-size-lg: 32rpx;
$font-size-36: 36rpx;
$font-size-20: 20rpx;
$border-radius-sm: 4rpx;
$border-radius-base: 6rpx;
$border-radius-lg: 12rpx;
$border-radius-circle: 50%;
$color-primary-desc: #666;
$color-primary-title: #333;
$box-shadow: 0 20rpx 20rpx -20rpx rgba(
    $color: #333,
    $alpha: 0.1,
  );
$box-shadow-bop: 0px -1px 0px #f0f0f0;
$navHeight: 55px; //导航栏高度
$navBoxHeight: 34px; //导航栏盒子高度，XR系列底部HOME健
@mixin fontweight($weight) {
  @if $weight==bold {
    font-weight: bold;
  } @else if $weight==light {
    font-weight: 100;
  } @else if $weight==Medium {
    font-weight: 500;
  } @else if $weight==bolder {
    font-weight: bolder;
  } @else if $weight==Regular {
    font-weight: 400;
  }
}

@mixin arch {
  content: "";
  position: absolute;
  background-color: $bg-color;
  width: 20rpx;
  height: 20rpx;
  bottom: -15rpx;
  z-index: 10;
  border-radius: 100%;
}

@mixin BottomIine($bottom) {
  &::before {
    background-color: var(--primaryColor);
    content: " ";
    width: 28rpx;
    height: 6rpx;
    bottom: $bottom;
    position: absolute;
    left: 50%;
    border-radius: $border-radius-sm;
    transform: translateX(-50%);
  }
}

/* 
	@param $row
	文字省略传递几行省略
	 */

@mixin textEllipsis($row) {
  overflow: hidden;
  -webkit-line-clamp: $row;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

@mixin archTop($bg-color1) {
  content: "";
  position: absolute;
  background-color: $bg-color1;
  width: 20rpx;
  height: 20rpx;
  right: 120rpx;
  z-index: 1;
  border-radius: 100%;
}

@mixin archMoney() {
  content: "￥";
  font-size: 24rpx;
}

@mixin archIntegral {
  content: "积分";
  font-size: 24rpx;
}

@mixin unit($color, $font-zise) {
  &::before {
    content: "￥";
    color: $color;
    font-size: $font-zise !important;
  }
}

:export {
  --typecolor: #faf8f8;
  --opactcolor: #20233a;
  --inputColor: #505577;
  --primaryColor: 317deg, #64b3f4 0%, #c2e59c 100%;
  --labelColor: #64b3f4;
  --adornColor: #6df291;
  --priceColor: #f88a59;
  --globalFontColor: #222222;
  --primarybgColor: #faf8f8;
  background: #110616;
  color: rgb(255, 255, 255);
  min-height: 100vh;
}
